<template>
  <header>
    <router-link to="/" tag="span">
      <div class="header-one">
        <span class="iconfont">&#xe62f;</span>
      </div>
    </router-link>
    <div class="header-two">
      <span>城市选择</span>
    </div>
  </header>

</template>

<script>
</script>

<style lang="stylus" scoped="scoped">   /*让样式仅在当前有效*/
header
  display :flex
  background :#00bcd4
  height :0.88rem
  align-items :center
  .header-one
    line-height :0.88rem
    width :0.8rem
    height :0.88rem
    padding :0 0.22rem
    color :white
  .header-two
    text-align center
    flex-grow :1
    height :0.6rem
    line-height :0.6rem
    color beige
    padding-left :0.2rem
    >span
      padding-right 11%
      font-size 0.32rem

</style>
